<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p= "http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <h:body style="margin: 0;">
        <ui:composition template="./WEB-INF/includes-templates/templateLogin.xhtml">
            <ui:param name="pageTitle" value="#{trans.system_name}" />

            <ui:define name="content" >
                <h:form id="form">
                    <p:panel id="panel" header="#{trans.login}" style="width: 70%; margin-left: 20px;">     


                        <h:panelGrid id="grid" columns="3" style="margin-bottom:10px">
                            <f:facet name="header">
                                <p:growl id="messagesLogin" life="1000"/>
                            </f:facet>

                            <h:outputLabel for="username" value="#{trans.username}:" />
                            <p:inputText id="username" 
                                         value="#{login.username}"
                                         required="true"
                                         requiredMessage="#{trans.req_username}"/>
                            <p:message for="username" display="icon"/> 
                            

                            <h:outputLabel for="password" value="#{trans.password}: " />
                            <p:password  id="password" value="#{login.password}" required="true" feedback="no"/>
                            <p:message for="password" id="msgPassword" display="icon"/> 
                            
                            
                            <p:commandButton  value="#{trans.b_login}" type="submit" action="#{login.login}" update="form" ajax="false"/>

                        </h:panelGrid>
                        
                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>

    </h:body>

</html>